<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="./styles/base.css" rel="stylesheet" type="text/css">
    <link href="./js/datepicker/datepicker.css" rel="stylesheet">
    <link href="./styles/wenda.css" rel="stylesheet" type="text/css">
    <link href="./styles/public.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/wenda.js"></script>
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>

    <script>
        $(function () {
            //游记分页
            $(".orderBy").click(function () {
                $(".orderBy").closest("div").removeClass("on");
                $(this).addClass("on");
                $("#currentPage").val(1);
                $("#orderType").val($(this).data("sort"))
                $("#searchForm").submit();
            })

            $("._j_rank_change_flag").click(function () {
                $("._j_rank_change_flag").closest("li").removeClass("on");
                $(this).addClass("on");
                var paihangType = $(this).data("rank");
              $.get("/questionsAndAnswers/wenda2",{paihangType:paihangType},function (data) {
                  $('.myTop').html(data);
              })

            })


        })
    </script>

</head>

<body style="position: relative;">
   <#assign currentNav="wenda">
  <#include "../common/navbar.ftl">
  <div class="wrapper wrapper-new">
    <div class="col-main">
      <div class="newcate-wrap _j_qa_list">
          <form id="searchForm" action="/questionsAndAnswers/wenda" method="get">
              <input type="hidden" name="currentPage" value="1" id="currentPage">
              <input type="hidden" name="orderType" id="orderType" value="${qo.orderType!1}">

              <div class="post-tab clearfix">
                  <div class="tab-item on"><a href="javascript:;" class="orderBy" data-sort="1" style="margin-right: 20px;float: left;">最热问题</a></div>
                  <div class="tab-item "><a href="javascript:;"  class="orderBy" data-sort="2" style="margin-right: 20px;float: left;" >最新问题</a></div>
              </div>
          </form>
        <div class="bd newcate-bd">
              <ul class="_j_pager_box">
                  <#list pageInfo.list as q>
                      <li class="item clearfix _j_question_item" data-qid="${q.id!}">
                        <div class="title">
                            <a href="/questionsAndAnswers/wendaDetail?id=${q.id!}" target="_blank">${q.title!}</a>
                        </div>
                        <div class="container">
                            <#if (q.answer.id)??>
                        <div class="avatar"><a href="javascript:;" target="_blank" class="_j_filter_click">
                            <img class="_j_filter_click" src="${(q.answer.author.headImgUrl)!}"></a>
                        </div>
                        <div class="user-info">
                            <a class="name _j_filter_click" href="javascript:;" target="_blank">${(q.answer.author.nickname)!}</a>
                            <a class="level _j_filter_click" href="javascript:;" target="_blank" rel="nofollow">LV.${(q.answer.author.level)!}</a>
                        </div>



                        <div class="desc clearfix">
                        <#if q.answer.coverUrl??>
                            <img src="${(q.answer.coverUrl)!}"
                                width="150" height="100">
                        </#if>
                            <p>
                                <!--在燃烧着”永恒之火"的草原上尽情吃肉在中国的饮食中，有许多食品都是从蒙古族那里传来的，如烤肉、涮羊肉等。似乎大家提到蒙古，都有一个感觉，那就是蒙古实在太爱吃肉了。其实蒙古人的饮食、是分为两个季节的，夏季和冬季。夏季为4月至10月，主要食物是奶制品...-->
                                ${(q.answer.summary)!}
                            </p>
                        </div>
                            </#if>
                        <#--<div class="tags">
                          <a class="a-tag _j_filter_click" href="javascript:;" target="_blank">美食</a>
                          <a class="a-tag _j_filter_click" href="javascript:;" target="_blank">呼伦贝尔</a>
                        </div>-->

                        <div class="operate">
                          <div class="zan"><i></i>${(q.answer.thumbupnum)!0}</div>
                          <div class="mdd"><a href="javascript:;" class="_j_filter_click" target="_blank"><i
                                class="_j_filter_click"></i>${q.dest.name!}</a></div>
                              <div class="cate-share">
                                <a class="_js_showShare _j_filter_click">分享</a>

                                <!-- <div class="cate-share-pop _j_share_pop hide clearfix" data-title="我要去呼伦贝尔旅行，当地有哪些美食值得去吃？"
                                  data-qid="793682" data-aid="11747597" data-anum="148"
                                  data-content="在燃烧着”永恒之火&quot;的草原上尽情吃肉在中国的饮食中，有许多食品都是从蒙古族那里传来的，如烤肉、涮羊肉等。似乎大家提到蒙古，都有一个感觉，那就是蒙古实在太爱吃肉了。其实蒙古人的饮食、是分为两个季节的，夏季和冬季。夏季为4月至10月，主要食物是奶制品...">
                                  <a title="分享到新浪微博" class="sina _j_do_share _j_filter_click" data-site="wb"
                                    data-username="肉夹馍不会认输"></a>
                                  <a title="分享到QQ空间" class="zone _j_do_share _j_filter_click" data-site="qz"
                                    data-username="肉夹馍不会认输"></a>
                                  <a title="分享到微信" class="weixin _j_do_share_wx _j_filter_click" data-site="wx"
                                    data-username="肉夹馍不会认输"></a>
                                </div> -->
                              </div>
                              <span class="reply">回答 (${q.replynum!})</span>
                              <#--<span class="browse">浏览 (${q.viewnum!})</span>-->
                              <span class="date">发布于${q.createTime?string('yyyy-MM-dd HH:ss:mm')}</span>
                          </div>
                        </div>
                      </li>
                  </#list>
              </ul>
        </div>
        <#include "../common/page.ftl">
      </div>
    </div>
    <div class="col-side">
        <#--<div class="btn-question">
            <a href="/questionsAndAnswers/queryList" class="btn-ask btn-ask2"target="_blank">我要提问</a>
        </div>-->
        <div class="publish_question">
            <a class="qt-post-btn _j_publish" href="/questionsAndAnswers/public">我要提问</a>
        </div>
      <div class="rank _j_rank" style="margin-top: 20px;">
        <div class="hd">排行榜<ul class="tab-time">
            <#--<li class="_j_rank_change_date" data-type="0"><span>今日</span></li>
            <li class="_j_rank_change_date on" data-type="1"><span>本周</span></li>
            <li class="_j_rank_change_date" data-type="2"><span>本月</span></li>-->
          </ul>
        </div>
        <div class="bd">
          <ul class="tab-num" data-cs-p="rank_list">
            <#--<li class="_j_rank_change_flag" data-rank="0" data-cs-d="金牌数">金牌数</li>-->
            <li class="_j_rank_change_flag" data-rank="1" data-cs-d="回答数">回答数</li>
            <li class="_j_rank_change_flag on" data-rank="2" data-cs-d="被顶次数">被顶次数</li>

          </ul>
          <ul class="rank-list _j_rank_list myTop">
            <#list paihangvo as phvo>
                <#if phvo_index < 3>
                    <li class="r-top r-top${phvo_index+1} clearfix">
                      <em class="num">${phvo_index+1}</em>
                      <div class="user no_qid">
                        <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img
                            src="${phvo.headImgUrl!}"></a>
                        <span class="name"><a href="javascript:;" target="_blank"
                            rel="nofollow">${phvo.userName!}</a></span>
                        <span class="level"><a href="javascript:;" target="_blank"
                            rel="nofollow">LV.${phvo.level!}</a></span>
                      </div>
                      <span class="num">${phvo.num!}</span>
                    </li>
                <#else>
                    <li class=" clearfix">
                        <em class="num">${phvo_index+1}</em>
                        <div class="user no_qid">
                            <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img
                                    src="${phvo.headImgUrl!}"></a>
                            <span class="name"><a href="javascript:;" target="_blank"
                                                  rel="nofollow">${phvo.userName!}</a></span>
                            <span class="level"><a href="javascript:;" target="_blank"
                                                   rel="nofollow">LV.${phvo.level!}</a></span>
                        </div>
                        <span class="num">${phvo.num!}</span>
                    </li>
                </#if>
            </#list>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

</html>